<!--综合评价-->
<div style="width: 870px;">
<div style="font-size:14px;">
    <div class="evaL">
        <div class="star">
            <p style="font-size:15px;">综合评价：</p>
            <div class="starCon">
                <div evalute-star rating-value="ratingVal" max="max" on-hover="onHover" on-leave="onLeave" readonly="{{readonly}}"></div>
            </div>
            <div class="eavNum">
                <span ng-bind="showEvalute"></span>
                (<i ng-bind="satisfaction.count"></i>人评价)
            </div>
        </div>
        <div class="evaDate" ng-if="!conf.showPublish">
            <a  style="cursor: default;"  class="evaTime">时间：</a>
            <ul>

                <li ng-click="getToday()">今天</li>
                <li ng-click="getYesterDay()"> 昨天 </li>
                <li class="date" ui-date conf-date="dateConf" >
                </li>
            </ul>
        </div>
        <div class="Satisfaction">
            <a style="cursor: default;" class="SaTitle">满意度：</a>
            <ul>

                <li ng-click="getSantisfactionList(0)">全部（<span ng-bind="satisfaction.count"></span>）</li>
                <li ng-click="getSantisfactionList(5)">很满意（<span ng-bind="satisfaction.fiveStar"></span>）</li>
                <li ng-click="getSantisfactionList(4)">满意（<span ng-bind="satisfaction.fourStar"></span>）</li>
                <li ng-click="getSantisfactionList(3)">一般（<span ng-bind="satisfaction.threeStar"></span>）</li>
                <li ng-click="getSantisfactionList(2)">不满意（<span ng-bind="satisfaction.twoStar"></span>）</li>
                <li ng-click="getSantisfactionList(1)">很不满意（<span ng-bind="satisfaction.oneStar"></span>）</li>
            </ul>
        </div>
    </div>
</div>
<div style="background: #fff;border: 1px solid #ddd;padding: 20px;">
<!--发表评论-->
<div class="f-comment-publish-container"  ng-show="conf.showPublish">
    <!--<p class="f-comment-all-title"  ><span ng-bind="i18n.allComment"></span><a ng-bind="num | bracket"></a></p>-->
    <div class="f-comment-write clearfix">
        <img class="f-user-icon" ng-src="{{userInfo.logo | notLogo}}" >
        <textarea name="comment" type="text" class="f-input-comment"  ng-model="textarea " placeholder="请写下您的评价"  id="f-publish" ></textarea>
    </div>
    <div class="f-comment-publish  clearfix">
        <!--<div class="emoji"  ng-if="false">-->
            <!--<i ng-click="emoji.onchange()"></i>-->
            <!--<div class="emoji-box" ng-if="isShowEmoji">-->
                <!--<a class="emojis" ng-repeat="item in face "   ng-bind-html="item | qqface" ng-click="emoji.addEmoji($event,item,'publish')"></a>-->
            <!--</div>-->
        <!--</div>-->
        <!--发表评论时增加 评价-->
        <div style="float:left;margin-left:15px;" evalute-star rating-value="publishRatingVal" max="max" on-hover="onHover" on-leave="onLeave"     readonly="{{publishReadonly}}"></div>
        <a  class="f-publish-btn" ng-bind="i18n.publish" ng-click="publish()"></a>
    </div>
</div>
<!--获取每一项评论遍历-->
<div  ng-repeat="item1 in list track by $index">
    <div class="f-usercomment"  >
        <div class="f-usercomment-up clearfix">
            <!--<img class="f-user-icon" ng-src="{{item1.topParent.userIconSrc}}" >-->
            <img class="f-user-icon"  ng-src="{{item1.user.logo | notLogo}}" >
            <a href=""></a>
            <div class="f-usercomment-up-r clearfix" style="width:760px">
                <div class="f-username clearfix" >
                 <div style="float:left" ng-bind="item1.user.nickname"></div>
                 <div style="float: right; margin-right: 20px;">
                <div ng-if="conf.showStar" evalute-star rating-value="item1.star" max="max" on-hover="onHover" on-leave="onLeave" readonly="{{topCommentReadOnly}}"></div>
                 </div>
                </div>
                <p class="f-usercomment-content" ng-bind="item1.content"></p>
            </div>
        </div>
        <div class="f-usercomment-down clearfix">
            <p class="f-usercomment-down-l" ng-bind="item1.time |getEvaluteTime"></p>
            <p class="f-usercomment-down-r">
                <a href="" ng-click="checkComment(item1,$index)">查看全部</a>
                <a href="" ng-bind="i18n.reply"  ng-click="onchange.changeReplyTopComment($index)" ng-style="isReplyTopComment[$index]==true?{'color':'#30a3ff'}:{'color':'#C1BDB7'}"></a>
                <a i-praises get-item="item1"   get-conf="conf"></a>
            </p>
        </div>
        <div class="f-reply-comment" ng-show="isReplyTopComment[$index]">
            <div class="f-comment-write clearfix">
                <!--<img   />-->
                <textarea name="comment" type="text"   class="f-input-comment"   placeholder="请写下您的回复" ng-model="$parent.replies" ></textarea>
            </div>
            <div class="f-comment-publish clearfix">
                <!--<i></i>-->
                <a  class="f-publish-btn" ng-bind="i18n.publish" ng-click="addReply(item1)"></a>
            </div>
        </div>
    </div>
    <!-- 子评论窗口-->
    <div id="comment-opacity-view" class="comment-opacity-view"> </div>

    <div class="f-childComment-window" ng-style="childCommentStyle" ng-if="isShowCurSec[$index]">
        <p class="child-comment-title clearfix">
            <a class="child-comment-left float_left" ng-click="checkAllSecComment(item1)">查看全部</a>
            <a class="child-commet-right float_right" ng-click="closeSecComment()"><img src="them/images/compImages/delete.png" alt=""/></a>
        </p>
        <!-- 子项-->
        <div class="f-childComment">
            <!--子项中的父项-->
            <div class="f-usercomment"  >
                <div class="f-usercomment-up clearfix">
                    <!--<img class="f-user-icon" ng-src="{{currentItem1.topParent.userIconSrc}}" >-->
                    <img class="f-user-icon" ng-src="{{item1.user.logo | notLogo}}"  >
                    <div class="f-usercomment-up-r clearfix" >
                        <p class="f-username" ng-bind="currentItem1.buser.nickname"></p>
                        <p class="f-usercomment-content" ng-bind="currentItem1.content"></p>
                    </div>
                </div>
                <div class="f-usercomment-down clearfix">
                    <p class="f-usercomment-down-l" ng-bind="currentItem1.time |getEvaluteTime"></p>
                    <p class="f-usercomment-down-r">
                        <!--<a href="" ng-click="l(currentItem1)">查看评论</a>-->
                        <a href="" ng-bind="i18n.reply" ng-click="onchange.changeReplySecTopComment()"   ng-style="isReplySecTopComment==true?{'color':'#30a3ff'}:{'color':'#C1BDB7'}"></a>
                        <a i-praises get-item="item1" get-conf="conf"></a>
                    </p>
                </div>
                <div class="f-reply-comment-top" ng-show="isReplySecTopComment">
                    <div class="f-comment-write clearfix">
                        <!--<img   />-->
                        <textarea name="comment" type="text" class="f-input-comment"  placeholder="请写下您的评价" ng-model="$parent.$parent.replies" ></textarea>
                    </div>
                    <div class="f-comment-publish clearfix">
                        <!--<i></i>-->
                        <a  class="f-publish-btn" ng-bind="i18n.publish" ng-click="addReply(currentItem1)"></a>
                    </div>
                </div>
            </div>
            <!-- 子项-->
            <div  ng-repeat="childItem in secComment | filter :{parentId:item1.commentId}">
                <div class="f-usercomment2" >
                    <div class="f-usercomment-up clearfix">
                        <!--<img class="f-user-icon" ng-src="{{childItem.userIconSrc}}" >-->
                        <img class="f-user-icon" ng-src="{{childItem.buser.logo | notLogo}}" >
                        <div class="f-usercomment-up-r clearfix">
                            <p class="f-username" ng-bind="childItem.parentId"></p>
                            <p class="f-usercomment-content" ng-bind="childItem.content"></p>
                        </div>
                    </div>
                    <div class="f-usercomment-down clearfix">
                        <p class="f-usercomment-down-l" ng-bind="childItem.time"></p>
                        <p class="f-usercomment-down-r">
                            <a href="" ng-bind="i18n.reply"  ng-click="onchange.changeReplySecComment($index)" ng-style="isReplySecComment[$index]==true?{'color':'#30a3ff'}:{'color':'#C1BDB7'}"></a>
                            <a i-praises  get-item="childItem" get-conf="conf"></a>
                        </p>
                    </div>
                    <div class="f-reply-comment-sec" ng-show="isReplySecComment[$index]">
                        <div class="f-comment-write clearfix">
                            <!--<img   />-->
                            <textarea name="comment" type="text" class="f-input-comment"  placeholder="请写下您的回复"  ng-model="$parent.$parent.$parent.replies" ></textarea>
                        </div>
                        <div class="f-comment-publish clearfix">
                            <!--<i></i>-->
                            <a  class="f-publish-btn" ng-bind="i18n.publish" ng-click="addReply(childItem)"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="f-loadMore-container" ng-if="isShowSecPagination">
                <div class="f-loadmore clearfix">
                    <a class="f-vertical-line-10"></a>
                    <a class="f-loadmore-center" ng-bind="i18n.loadMore"  ng-click="checkMoreSecComment(item1)" ></a>
                    <a class="f-vertical-line-10"></a>
                </div>
            </div>
        </div>
    </div>

</div>


<div class="f-loadMore-container" style="min-height:60px">
    <ui-pagination  ng-if="paginationConf" conf="paginationConf"></ui-pagination>
</div>

</div>
</div>
<!--综合评价头部-->
<style>
    .evaL{
        /*width:871px;*/
        /*float: left;*/
    }
    .evaCon{
        height:500px;
        width:100%;
        background: #fff;
        margin-bottom:40px;
        margin-top:20px;
    }
    .evaR{
        float: right;
        width:309px;
        height:236px;
        border:1px solid #ddd;
        background: #fff;
        margin-top:20px;
    }
    .star{
        float: left;
        height:18px;
        margin-left:15px;
        margin-top:36px;
        margin-bottom:15px;
    }
    .starCon{
        float: left;
        width: 80px;
        height: 21px;
        padding-right: 15px;
        padding-top: 2px;
    }
    .star p{
        float: left;
        font-weight: bold;
    }
    .star .eavNum{
        float: left;
    }
    .star .eavNum span{
        padding-right:10px;
        color: #ff3c00;
    }
    .star .eavNum i{
        font-style: normal;
    }
    /*星级评价*/
    .rating {
        margin: 0;
        padding: 0;
    }
    ul.rating {
        display: inline-block;
    }
    .rating p {
        display: inline-block;
        width:16px;
        height:16px;
        background: url("them/imgs/star-off.png") no-repeat;
        cursor: pointer;
    }
    .rating .filled {
        background: url("them/imgs/star-on.png") no-repeat;
    }
    .evaDate{
        margin-left:15px;
        clear: both;
        height:40px;
        line-height:40px;
        width:100%;
    }
    .evaDate ul li {
        float: left;
        margin-right: 20px;
    }
    .evaDate>a{
        float: left;
        margin-right: 20px;
        display: block;
    }
    .evaDate ul li.evaTime{
    }
    .evaDate ul li.date{
        margin-top: -5px;
        margin-left: 20px;
    }
    .Satisfaction{
        margin-left:15px;
        clear: both;
        height:40px;
        line-height:40px;
        width:100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .Satisfaction ul li{
        float: left;
        padding-right:33px;
        cursor: pointer;
    }
    .Satisfaction ul li:hover{
        text-decoration: none;
    }
    .Satisfaction>a{
        float: left;
        display: block;
        padding-right:33px;
    }
    .Satisfaction ul li.SaTitle {
        padding-right:20px;
    }
    .progress{
        height:22px;
        clear: both;
        margin-top:13px;
    }
    .progress p{
        float: left;
        margin-left:12px;
        margin-right:17px;
    }
    .progressBg{
        float: left;
        width:170px;
        height:10px;
        background: #f1f1f1;
        float: left;
        margin-top:3px;
    }

    .proNum{
        margin-top: 4px;
        float: left;
        color: #30a3ff;
        margin-left:10px;
    }
    .progress-bar{
        background: #ff3c00;
        height:10px;
    }
    .progress input{
        width:204px;
        height:20px;
        border:1px solid #ddd;
        margin-left:18px;
    }
    .progress i{
        margin-left:20px;
        color: #30a3ff;
        cursor: pointer;
    }

    .evaR .topstar{
        margin-left:12px;
        height:53px;
        line-height:53px;
        border-bottom:1px solid #ddd;
    }
    .evaR  .topstar .starCon {
        float: left;
        margin-top:17px;
        margin-left:22px;
    }
    .evaR .topstar p{
        float: left;
    }
    .Satisfaction li:hover,.evaDate li:hover{
        color:#00AAFE;
        text-decoration: none;
        cursor: pointer;
    }
</style>
<style>
    /**************评论区 用户发表样式设定**************/
    .contenteditable{
        border:1px solid #ddd;
        border-radius: 2px;
    }

    /*表情样式设定*/
    .emoji{
        position: relative;
    }
    .emoji-box{
        width: 390px;
        height: 193px;
        padding: 2px;
        position: absolute;
        top: 22px;
        left: 0;
        background: #fff;
        border:1px solid #ddd;
    }
    .emoji-box:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }
    .emoji-box a{
        display: block;
        float:left;
        width:26px;
        height:28px;
    }

    /********用户头像样式设定***********/
    .f-user-icon{
        width:42px;
        height:42px;
        border-radius: 21px;
    }

    .f-comment-container{
        border-top: 1px solid #ddd;
        padding-top: 25px;
        margin-bottom: 10px;
        width:710px;
        min-height:20px;
    }

    /****/
    .f-usercomment-container {
    }
    .f-comment-all-title span{
        font-size:16px;
        font-weight: bold;
    }
    .f-comment-all-title a{
        margin-left:5px;
        color:#000000;
        font-size:16px;
    }
    .f-comment-write{
        margin-top:15px;
    }
    .f-comment-write img{
        float:left;
    }
    .f-comment-write .f-input-comment{
        padding: 5px 5px;
        float:right;
        width:760px;
        height:95px;
        resize: none;
    }

    .f-comment-publish{
        margin-top:10px;
        height:35px;
        width:760px;
        padding-left:57px;
    }
    .f-reply-comment-top .f-comment-write .f-input-comment{
        width:605px;
    }
    .f-reply-comment-top .f-comment-publish{
        width:605px;
    }

    .f-reply-comment-sec  .f-comment-write .f-input-comment{
        width:545px;
    }
    .f-reply-comment-sec .f-comment-publish{
        width:553px;
    }

    /*子评论中回复的宽度另修改*/
    .f-comment-publish i{
        float:left;
        width:15px;
        height:15px;
        display: block;
        background: url("them/images/smile_emoji.png")no-repeat;
        cursor: pointer;
    }
    .f-comment-publish .f-publish-btn{
        height:30px;
        width:60px;
        background: #00A4FF;
        color: #fff;
        font-weight: bold;
        float:right;
        line-height: 30px;
        text-align: center;
    }
    /**用户评论区 样式设定  uiComment **/
    .f-usercomment{
        min-height: 70px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }
    .f-usercomment-up{
        height:50px;
    }
    .f-usercomment-up .f-user-icon{
        float:left;
    }
    .f-usercomment-up-r{
        float:left;
        margin-left: 15px;
    }
    .f-comment-usercomment{
        line-height:25px;
    }
    .f-username{
        color:#00A4FF;
        line-height:25px;
    }
    .f-usercomment-down{
        padding-left:57px;
        color:#C1BDB7;
    }
    .f-usercomment-down .f-usercomment-down-l{
        float:left;
    }
    .f-usercomment-down .f-usercomment-down-r{
        float:right;
    }
    .f-usercomment-down .f-usercomment-down-r a{
        color:#C1BDB7;
        margin-right: 10px;
    }
    /******加载更多 loadMore******/
    .f-loadMore-container{
        margin-top:20px;
    }
    .f-loadmore{
        width:90px;
        height:30px;
        margin: 10px auto;
    }
    .f-loadmore-center{
        float: left;
        width: 88px;
        height: 30px;
        font-size: 14px;
        line-height: 35px;
        text-align: center;
        display: inline-block;
        border-bottom: 1px solid #00A4FE;
    }
    /************/
    .child-comment-title{
        width:100%;
        height:20px;
        margin-bottom:15px;
    }
    .child-comment-left{
        font-weight: bold;
        font-size: 14px;
    }
    .comment-opacity-view{
        display: none;
        opacity: 0.6;
        position: fixed;
        background: #000;
        z-index: 4000;
    }
    .f-usercomment2{
        margin-left: 60px;
        padding-top: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }
    .f-usercomment3{
        margin-left:120px;
    }
    .f-childComment-window{
        position: fixed;
        z-index: 4000;
    }
    .f-childComment{
        overflow-y: auto;
        height: 440px;
        padding-right: 10px;
    }
    .f-childComment-window{
        margin: auto;
        width: 690px;
        height: 470px;
        padding: 20px 30px;
        background-color: #fff;
    }
    /**字体样式设定**/
    .addBlue{
        color:#30a3ff;
    }
    .backNormal {
        color:#C1BDB7;
    }
</style>
